.tag-group-item {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;

  .group-name {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
    color: @text-color;

    &::after {
      content: ":";
      padding: 0px 2px;
    }
  }

  .tag-item {
    margin-bottom: 4px;
    cursor: pointer;
  }

  .tag-default {
    background: #fff;
    color: @text-color;
  }

  .tag-selected {
    border-color: @primary-color;
    background: fade(@primary-color, 15%);
    color: @primary-color;
  }

  .tag-disabled {
    color: #00000040;
    border-color: #d9d9d9;
    background: #f5f5f5;
    cursor: not-allowed;
  }

  .addTagBtn {
    border-color: @primary-color;
    color: @primary-color;
    cursor: pointer;
  }
}
